.width-100per {
    width: 100%;
}
.width-x1000 {
    width: 1000px;
}

.div-center {
    margin: 0 auto;
}

.bg-color-white { background-color: white; }

.bg-color-black { background-color: black; }

.div-height-x20 { height: 20px;}
.div-height-x30 { height: 30px;}
.div-height-x50 { height: 50px;}
.div-height-x80 { height: 80px;}
.div-height-x100 { height: 100px;}

.padding-x10 {padding: 10px;}
.padding-top-x10 { padding-top: 10px; }
.padding-left-x10 { padding-left: 10px; }
.padding-right-x10 { padding-right: 10px; }
.padding-bottom-x10 { padding-bottom: 10px; }

.margin-x10 { margin: 10px;}
.margin-top-x10 { margin-top: 10px;}
.margin-left-x10 { margin-left: 10px;}
.margin-right-x10 { margin-right: 10px;}
.margin-bottom-x10 { margin-bottom: 10px;}

.margin-x20 { margin: 20px;}
.margin-top-x20 { margin-top: 20px;}
.margin-left-x20 { margin-left: 20px;}
.margin-right-x20 { margin-right: 20px;}
.margin-bottom-x20 { margin-bottom: 20px;}

.floatleft { float: left; }
.floatright { float: right; }

.searchbox input.search {
    width: 180px;
    height: 30px;
    font-size: 12px;
    color: #464646;
    padding-left: 30px;
    border: none;
    background: url('../images/searchbox.png') 0 0 no-repeat;
}

.searchbox input.search:focus {
    outline:none;
}

.searchbox input.searchsubmit {
    display: none;
}

.border-01 {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #333;
}

.border-02 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}
